<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/template.xhtml">
    
    <ui:param name="onload" value="document.getElementById('pedidoForm:tabelaProdutos:#{manterPedidoController.listaPedidoProdutos.size() -1}:decorateCodBarras:codigo').focus();" />

	<ui:define name="body">
	
		<h2 class="title"><a href="#">Novo Pedido</a></h2><br/>

            
            <h:form id="pedidoForm">

				<table width="100%">
					<tr>
						<td width="50%">
							<strong>Nº do pedido:</strong>
							<rich:spacer width="5px;"/>
							<h:outputText value="#{manterPedidoController.pedidoEdicao.nroPedido}"/>
						</td>
						<td width="50%" align="right">
							<strong>Data:</strong>
							<rich:spacer width="5px;"/>
							<h:outputText value="#{manterPedidoController.pedidoEdicao.dtaPedido}">
		            			<s:convertDateTime pattern="dd/MM/yyyy"/>
		            		</h:outputText>
						</td>
					</tr>
				</table>
	            <h:panelGrid columns="2" id="decorate1">
	            	
	            	<s:decorate template="/layout/edit.xhtml">
	            		<ui:define name="label">Tipo:</ui:define>
	            		<h:selectOneMenu value="#{manterPedidoController.pedidoEdicao.tpoPedido}"
	            			required="true">
	            			<f:selectItem itemLabel="Selecione" itemValue=""/>
	            			<f:selectItem itemLabel="Pet Shop" itemValue="P"/>
	            			<f:selectItem itemLabel="Clínica" itemValue="C"/>
	            		</h:selectOneMenu>
	            	</s:decorate>
	            	
	            	<s:decorate template="/layout/edit.xhtml">
	            		<ui:define name="label">Cliente:</ui:define>
	            		<h:inputText value="#{manterPedidoController.pedidoEdicao.cliente.dscNome}"
	            			readonly="true"
	            			id="inptCliente"/>
	            		<a:commandButton value="SELECIONAR"
	            			onclick="#{rich:component('modalPesqClientes')}.show()"
	            			reRender="pesqClienteForm"/>
	            	</s:decorate>
	            	
	            	<s:decorate template="/layout/edit.xhtml" rendered="#{manterPedidoController.pacoteDisponivel != null}"
	            		id="decoratePacote">
	            		<ui:define name="label">Pacote?</ui:define>
	            		<h:selectOneRadio value="#{manterPedidoController.pacote}"
	            			valueChangeListener="#{manterPedidoController.atualizaValorPacoteListener}">
	            			<f:selectItem itemLabel="SIM" itemValue="true"/>
	            			<f:selectItem itemLabel="NÃO" itemValue="false"/>
	            			<a:support event="onchange" reRender="pedidoForm" ajaxSingle="true"/>
	            		</h:selectOneRadio>
	            	</s:decorate>
	            </h:panelGrid>
	            
				<fieldset>
					<legend style="font-size: medium;">Serviços</legend>
					
					<br/>
		            <div class="actionButtons">
			        	<a:commandButton id="newServ" value="Novo" action="#{manterPedidoController.novoServico}"
			        		ajaxSingle="true" reRender="tabelaServicos"/>
			        	<a:commandButton id="excluirServ" value="Excluir" action="#{manterPedidoController.excluirServico()}"
			        		ajaxSingle="true" reRender="tabelaServicos,valorTotalPedido"
			        		onclick="javascript:if(!confirm('Tem certeza que deseja excluir o(s) serviço(s) selecionado(s)?'))return false;"/>
			        </div>
					<br/>
				
					<a:region renderRegionOnly="false">				
					<rich:dataTable value="#{manterPedidoController.listaPedidoServicos}" 
						var="_serv" id="tabelaServicos">
						<rich:column>
							<f:facet name="header">
								<h:selectBooleanCheckbox value="#{manterPedidoController.selecionadoTodosServicos}">
									<a:support event="onchange" action="#{manterPedidoController.selecionaTodosServicos}"
										reRender="tabelaServicos"/>
								</h:selectBooleanCheckbox>
							</f:facet>
							<h:selectBooleanCheckbox value="#{_serv.selecionado}">
								<a:support event="onchange" reRender="tabelaServicos"/>
							</h:selectBooleanCheckbox>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">PET/SERVIÇO</f:facet>
							<s:decorate template="/layout/editTable.xhtml">
								<h:selectOneMenu value="#{_serv.pet.idPet}"
									style="width: 220px;"
									required="true" id="listaPets">
									<f:selectItems value="#{manterPedidoController.listaPets}"/>
								</h:selectOneMenu>
								<br/>
								<h:inputText value="#{_serv.servico.dscNome}" id="servico"
		            				onkeydown="Mascara(this,Maiusculo)"
									onkeyup="Mascara(this,Maiusculo)"/>
								<a:commandButton value="PESQUISAR"
									reRender="pesqServicosForm"
									action="#{manterPedidoController.inicializaPopupServicos(_serv)}" 
									oncomplete="#{rich:component('modalPesqServicos')}.show()"/>
									
								<rich:suggestionbox id="sugestoesServicos" for="servico" 
	            					rendered="false"
	            					suggestionAction="#{manterPedidoController.autocomplete}" 
	            					var="_servico" width="350" height="300" rules="none" 
	            					minChars="1"  fetchValue="#{_servico.dscNome}"
	            					rows="3">
	            					<rich:column>
	            						<h:outputText value="#{_servico.dscNome}" />
	            					</rich:column>
	            					<a:support event="onselect"
	            						action="#{manterPedidoController.atualizaValorServico(_serv)}"
	            						reRender="tabelaServicos,valorTotalPedido,decorateValorTotalPedido2,gridObsVlr"> 
										<f:setPropertyActionListener 
											value="#{_servico}" 
											target="#{_serv.servico}"/> 
									</a:support>
	            				</rich:suggestionbox> 
							</s:decorate>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">VALOR/DESCONTO</f:facet>
							<s:decorate template="/layout/editTable.xhtml">
								<h:inputText value="#{_serv.vlrServico}"
									onkeyup="Mascara(this,Valor);"
									onkeydown="Mascara(this,Valor);"
									converter="conversorMonetario"
									readonly="#{!identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
									required="true">
									<a:support event="onblur" action="#{manterPedidoController.atualizaValorTotalPedido}"
										reRender="valorTotalPedido,decorateValorTotalPedido2,gridObsVlr"/>
								</h:inputText>
								<br/>
								<h:inputText value="#{_serv.desconto}"
									rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
									onkeyup="Mascara(this,Valor);"
									onkeydown="Mascara(this,Valor);"
									converter="conversorMonetario"
									required="true">
									<a:support event="onblur" action="#{manterPedidoController.calculaDescontoServico(_serv)}"
										reRender="valorTotalPedido,decorateValorTotalPedido2,gridObsVlr,tabelaServicos"/>
								</h:inputText>
								<h:outputText value="%" 
									rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"/>
							</s:decorate>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">LANÇA COMISSÃO</f:facet>
							<s:decorate template="/layout/editTable.xhtml">
								<h:selectOneRadio value="#{_serv.flgComissao}"
									required="true">
									<f:selectItem itemValue="true" itemLabel="SIM"/>
									<f:selectItem itemValue="false" itemLabel="NÃO"/>
								</h:selectOneRadio>
							</s:decorate>
						</rich:column>
					</rich:dataTable>
					</a:region>
				</fieldset>
				<br/>
				<s:fragment rendered="#{!manterPedidoController.pacote}" id="fragmentProdutos">
				<fieldset>
					<legend style="font-size: medium;">Produtos</legend>

					<div class="actionButtons" id="divBtnExcluirProduto">
						<a:commandButton id="excluirProd" value="Excluir"
							action="#{manterPedidoController.excluirProduto()}"
							ajaxSingle="true" reRender="pedidoForm"
							onclick="javascript:if(!confirm('Tem certeza que deseja excluir o(s) produto(s) selecionado(s)?'))return false;"
							style="font-size: small;" rendered="#{manterPedidoController.listaPedidoProdutos.size() > 1}" focus="pedidoForm:tabelaProdutos:#{manterPedidoController.listaPedidoProdutos.size() -1}:decorateCodBarras:codigo"/>
					</div>
					<br />

					<a:region renderRegionOnly="false">
						<rich:dataTable
							value="#{manterPedidoController.listaPedidoProdutos}" var="_prod"
							id="tabelaProdutos">

							<rich:column>
								<h:selectBooleanCheckbox value="#{_prod.selecionado}">
									<a:support event="onchange" reRender="tabelaProdutos" />
								</h:selectBooleanCheckbox>
							</rich:column>

							<rich:column>
								<f:facet name="header">Produto</f:facet>
								<s:decorate id="decorateCodBarras" template="/layout/editTable.xhtml">
									<h:outputLabel value="Cód." for="codigo" />
									<h:inputText id="codigo" readonly="false" maxlength="13"
										value="#{_prod.produto.codBarras}"
										onkeydown="Mascara(this,Integer);"
										required="false">
										<a:support event="onkeyup" ignoreDupResponses="true"
											action="#{manterPedidoController.buscaCodBarras(_prod, manterPedidoController.listaPedidoProdutos.indexOf(_prod))}"
											reRender="pedidoForm"
											focus="pedidoForm:tabelaProdutos:#{manterPedidoController.listaPedidoProdutos.size() -1}:decorateCodBarras:codigo"/>
									</h:inputText>
									<a:commandButton value="PESQUISAR" id="pesquisar"
										oncomplete="#{rich:component('modalPesqProdutos')}.show()"
										action="#{manterPedidoController.inicializaPopupProdutos(_prod, manterPedidoController.listaPedidoProdutos.indexOf(_prod))}"
										reRender="pesqProdutosForm"/>
									<br/>
									<h:outputText id="nomeProdutoNaoEncontrado" value="#{_prod.produto.dscNome}" rendered="#{_prod.produto.idProduto == null}" style="color:red;"/>
									<h:outputText id="nome" value="Nome: #{_prod.produto.dscNome}" rendered="#{_prod.produto.idProduto != null}" />
									<h:graphicImage value="/img/error.gif"
										rendered="#{_prod.mostraMsgValidade}" styleClass="errors" />
									<br/>
									<strong><h:outputText value="Qtde. em estoque: #{_prod.produto.qtdEstoque}" rendered="#{_prod.produto.idProduto != null}"/></strong>
									<br/>
									<h:outputText value="Este produto pode estar vencido."
										style="color: red;" rendered="#{_prod.mostraMsgValidade}" />
								</s:decorate>
							</rich:column>
							
							<rich:column rendered="false">
								<f:facet name="header">NOME</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:outputText id="nomeProdutoNaoEncontrado" value="#{_prod.produto.dscNome}" rendered="#{_prod.produto.idProduto == null}" style="color:red;"/>
									<h:outputText id="nome" value="#{_prod.produto.dscNome}" rendered="#{_prod.produto.idProduto != null}" />
									<h:graphicImage value="/img/error.gif"
										rendered="#{_prod.mostraMsgValidade}" styleClass="errors" />
									<h:outputText value="Este produto pode estar vencido."
										style="color: red;" rendered="#{_prod.mostraMsgValidade}" />
								</s:decorate>
							</rich:column>

							<rich:column rendered="false">
								<f:facet name="header">QTDE ESTOQUE</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:outputText value="#{_prod.produto.qtdEstoque}" />
								</s:decorate>
							</rich:column>

							<rich:column rendered="false">
								<f:facet name="header">VALOR DE CUSTO</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:outputText value="#{_prod.produto.vlrProdutoCusto}"
										converter="conversorMonetario" />
								</s:decorate>
								</rich:column>

							<rich:column>
								<f:facet name="header">VALORES</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:outputLabel value="Custo:  " rendered="#{identity.hasRole('admin') or identity.hasRole('gerente')}"/>
									<h:inputText value="#{_prod.produto.vlrProdutoCusto}" rendered="#{identity.hasRole('admin') or identity.hasRole('gerente')}"
										readonly="true"
										style="width:60px;"
										converter="conversorMonetario" />
									<br/>
									<h:outputLabel value="Venda: " />
									<h:inputText value="#{_prod.vlrProduto}"
										style="width:60px;"
										onkeydown="Mascara(this,Valor);"
										onkeyup="Mascara(this,Valor);" converter="conversorMonetario"
										readonly="#{!identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
										required="true">
										<a:support event="onblur"
											action="#{manterPedidoController.atualizaValorTotalPedido}"
											reRender="valorTotalPedido,decorateValorTotalPedido2" />
									</h:inputText>
									<br/>
									<h:outputLabel value="Desc.:  " />
									<h:inputText value="#{_prod.desconto}"
										style="width:60px;"
										rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
										onkeydown="Mascara(this,Valor);"
										onkeyup="Mascara(this,Valor);" converter="conversorMonetario"
										required="true">
										<a:support event="onblur"
											action="#{manterPedidoController.calculaDescontoProduto(_prod)}"
											reRender="valorTotalPedido,decorateValorTotalPedido2,tabelaProdutos" />
									</h:inputText>
									<h:outputText value="%" rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"/>
								</s:decorate>
							</rich:column>
							
							<rich:column rendered="false">
								<f:facet name="header">DESCONTO</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:inputText value="#{_prod.desconto}"
										onkeydown="Mascara(this,Valor);"
										onkeyup="Mascara(this,Valor);" converter="conversorMonetario"
										required="true">
										<a:support event="onblur"
											action="#{manterPedidoController.calculaDescontoProduto(_prod)}"
											reRender="valorTotalPedido,decorateValorTotalPedido2,tabelaProdutos" />
									</h:inputText>
								</s:decorate>
							</rich:column>

							<rich:column>
								<f:facet name="header">QUANTIDADE</f:facet>
								<s:decorate template="/layout/editTable.xhtml">
									<h:inputText value="#{_prod.qtdeProduto}"
										style="width:40px;"
										onkeydown="Mascara(this,Integer);"
										onkeyup="Mascara(this,Integer);" required="true"
										disabled="#{manterPedidoController.pedidoEdicao.idPedido != null}">
										<a:support event="onchange"
											action="#{manterPedidoController.atualizaValorTotalPedido}"
											reRender="valorTotalPedido,decorateValorTotalPedido2,decorateValorrecebido,finalizar,troco" />
									</h:inputText>
								</s:decorate>
							</rich:column>
						</rich:dataTable>
					</a:region>
				</fieldset>
				</s:fragment>
				
					      	
				<h:panelGrid columns="1" id="gridObsVlr">
	           		<s:decorate template="/layout/edit.xhtml">
	            		<ui:define name="label">Observações:</ui:define>
	            		<h:inputTextarea value="#{manterPedidoController.pedidoEdicao.dscObservacoes}" 
	            			rows="5" cols="60"/>
	            	</s:decorate>
	            	
	            	<s:decorate template="/layout/edit.xhtml" rendered="false"
	            		id="decorateValorTotalPedido">
	            		<ui:define name="label">Valor do pedido:</ui:define>
	            		<h:inputText value="#{manterPedidoController.pedidoEdicao.vlrPedido}"
	            			id="valorTotalPedido"
	            			readonly="#{!identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
	            			onkeydown="Mascara(this,Valor);"
	            			onkeyup="Mascara(this,Valor);"
	            			converter="conversorMonetario"
	            			required="false"/>
	            	</s:decorate>
	            	
	            	<s:decorate template="/layout/edit.xhtml" rendered="#{manterPedidoController.pacote}">
	            		<ui:define name="label">Valor do pacote:</ui:define>
	            		<h:inputText value="#{manterPedidoController.pacoteDisponivel.vlrPacote}"
	            			id="valorPacote"
	            			readonly="true"
	            			converter="conversorMonetario"/>
	            	</s:decorate>
	            	
	            </h:panelGrid>
	            	       	
				
				<h:panelGrid columns="3">
					<s:decorate template="/layout/edit.xhtml"
						id="decorateValorTotalPedido2">
						<ui:define name="label">
							<h:outputText value="TOTAL VENDA:" style="color: red; font-size: large;" />
						</ui:define>
						<rich:spacer width="80px" />
						<h:inputText readonly="#{!identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
							value="#{manterPedidoController.pedidoEdicao.vlrPedido}"
							id="valorTotalPedido" onkeydown="Mascara(this,Valor);"
							onkeyup="Mascara(this,Valor);" converter="conversorMonetario"
							required="false" style="font-size: 25px;color:red;margin-top:25px;width:100px;" />
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml"
						rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_DESCONTO')}"
						id="decorateValorTotalDesconto">
						<ui:define name="label">
							<h:outputText value="DESCONTO:" style="color: gray; font-size: large;" />
						</ui:define>
						<rich:spacer width="80px" />
						<h:inputText
							value="#{manterPedidoController.pedidoEdicao.desconto}"
							id="valorTotalPedido" onkeydown="Mascara(this,Valor);"
							onkeyup="Mascara(this,Valor);" converter="conversorMonetario"
							required="false" style="font-size: 25px;color:gray;margin-top:25px;width:100px;">
							<a:support event="onblur" action="#{manterPedidoController.calculaDescontoPedido()}"
								reRender="decorateValorTotalPedido2"/>
						</h:inputText>
					</s:decorate>
	
	
					<s:decorate id="decorateValorrecebido" template="/layout/edit.xhtml">
						<ui:define name="label">
							<h:outputText value="VALOR RECEBIDO:" style="font-size: large;color: #8DB7F3;" />
						</ui:define>
						<rich:spacer width="80px" />
						<h:inputText id="valorRecebido"
							value="#{manterPedidoController.valorRecebido}"
							style="font-size: 25px;color: #8DB7F3;margin-top:25px;width:100px;"
							onkeydown="Mascara(this,Valor);"
		            		onkeyup="Mascara(this,Valor);"
			            	onfocus="javascript:this.value=''"
		            		converter="conversorMonetario">
							<a:support event="onblur" reRender="troco,vlrRecebido,finalizar"
								action="#{manterPedidoController.atualizaValorTotalTroco()}" />
						</h:inputText>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml" rendered="#{!manterPedidoController.pacote}">
	            		<ui:define name="label">PAGO?:</ui:define>
	            		<h:selectOneRadio value="#{manterPedidoController.pedidoEdicao.flgPago}"
	            			required="false">
	            			<f:selectItem itemLabel="SIM" itemValue="T" />
	            			<f:selectItem itemLabel="NÃO" itemValue="F" />
	            		</h:selectOneRadio>
	            	</s:decorate>
				</h:panelGrid>

				<br />
				<br />
				<br />

				<div class="actionButtons" align="center" id="divFinalizar">
					<a:commandButton id="finalizar" value="#{!manterPedidoController.exibeFinalizar() ? 'Valor recebido insuficiente':'Finalizar Venda'}"
						oncomplete="#{rich:component('modalFinalizar')}.show()"
						disabled="#{!manterPedidoController.exibeFinalizar()}"
						type="button" />
				</div>
				<br />
				
			</h:form>
			
			<h:form id="pedidosForm">
				<fieldset>
					<legend>Pedidos do Dia</legend>
					
					<rich:calendar value="#{manterPedidoController.dataPedido}"
						datePattern="dd/MM/yyyy">
						<a:support event="onchanged" action="#{manterPedidoController.pesquisarPedidos()}"
							reRender="tabelaPedidos,scrollerPedidos"/>
					</rich:calendar>
					
			        <rich:dataTable value="#{manterPedidoController.listaPedidos}" var="_ped"
			        	rows="10"
			        	id="tabelaPedidos">
			        
			        	<rich:column>
			        		<f:facet name="header">
			        			<h:selectBooleanCheckbox value="#{manterPedidoController.selecionadoTodosPedidos}">
			        				<a:support event="onchange" action="#{manterPedidoController.selecionaTodosPedidos}"
			        					reRender="tabelaPedidos"/>
			        			</h:selectBooleanCheckbox>	
			        		</f:facet>
			        		<h:selectBooleanCheckbox value="#{_ped.selecionado}"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header">Nº</f:facet>
			        		<h:outputText value="#{_ped.nroPedido}"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header">
				        		<h:outputText value="PAGAMENTO" escape="true" />
			        		</f:facet>
			        		<h:outputText value="#{_ped.formaPagamento.dscFormaPagamento}"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header">CLIENTE</f:facet>
			        		<a:commandLink value="#{_ped.cliente.dscNome}"
			        			onclick="#{rich:component('modalDadosCliente')}.show()"
			        			action="#{manterPedidoController.exibeDetalheCliente(_ped)}"
			        			reRender="formPopupDetalheCliente"/>
			        		<h:outputText value="#{_ped.cliente.dscNome}" rendered="false"/>
			        		<rich:spacer width="5px;"/>
			        		<a:commandButton value="DETALHE" rendered="false"
			        			onclick="#{rich:component('modalDadosCliente')}.show()"
			        			action="#{manterPedidoController.exibeDetalheCliente(_ped)}"
			        			reRender="formPopupDetalheCliente"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header">VALOR</f:facet>
			        		<h:outputText value="#{_ped.vlrPedido}" converter="conversorMonetario"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header">PAGO?</f:facet>
			        		<h:outputText value="SIM" 
			        			rendered="#{_ped.flgPago == 'T'}"/>
			        		<h:outputText value="NÃO" 
			        			rendered="#{_ped.flgPago == 'F'}"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header"></f:facet>
			        		<h:commandLink value="EDITAR"
			        			action="#{manterPedidoController.editar(_ped)}"/>
			        	</rich:column>
			        	
			        	<rich:column>
			        		<f:facet name="header" />
			        		<h:commandLink value="IMPRIMIR OS" target="blank"
			        			action="#{manterPedidoController.geraOrdemServico(_ped)}"/>
			        	</rich:column>
			        </rich:dataTable>
			        <rich:datascroller for="tabelaPedidos" id="scrollerPedidos"/>
		        </fieldset>
		        
		        <br/>
	            <div class="actionButtons">
		        	<h:commandButton id="remove" value="Excluir" action="#{manterPedidoController.excluir}"
		        		rendered="#{identity.hasRole('CADASTRAR_PEDIDOS_EXCLUIR')}"
		            	onclick="javascript:if(!confirm('Tem certeza que deseja excluir o(s) pedido(s) selecionado(s)?'))return false;"/>
		        </div>
				<br/>
	        </h:form>
        
       <rich:modalPanel id="modalPesqClientes" height="600" width="700">
           	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Pesquisar clientes"></h:outputText>
	            </h:panelGroup>
	        </f:facet>
	        <f:facet name="controls">
	            <h:panelGroup>
	                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink"/>
	                <rich:componentControl for="modalPesqClientes" attachTo="hidelink" operation="hide" event="onclick"/>
	            </h:panelGroup>
	        </f:facet>

			<h:form id="pesqClienteForm">
				<a:region>
					<h:panelGrid columns="2">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Nome:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.cliente.dscNome}"
								maxlength="200"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Telefone celular:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.cliente.telCelular}"
								maxlength="14"
								onkeydown="Mascara(this,Telefone);"
								onkeyup="Mascara(this,Telefone);"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Telefone residencial:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.cliente.telResidencial}"
								maxlength="14"
								onkeydown="Mascara(this,Telefone);"
								onkeyup="Mascara(this,Telefone);"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Endereço:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.cliente.dscEndereco}"
								maxlength="200"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Cidade:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.cliente.dscCidade}"
								maxlength="100"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Nome do pet:</ui:define>
							<h:inputText value="#{manterPedidoController.parametrosClientes.nomePet}"
								maxlength="100"/>
						</s:decorate>
					</h:panelGrid>
					<br/>
					<center>
						<a:commandButton value="PESQUISAR" action="#{manterPedidoController.pesquisarClientes}"
							onclick="#{rich:component('carregando')}.show()"
							oncomplete="#{rich:component('carregando')}.hide()"
							reRender="pesqClienteForm"/>
					</center>
					<br/><br/>
				</a:region>
				<rich:dataTable value="#{manterPedidoController.listaClientes}"
					var="_cliente"
					rows="5"
					id="tabelaClientes">
					<rich:column>
						<f:facet name="header">Nome do Cliente</f:facet>
						<h:outputText value="#{_cliente.dscNome}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Cidade</f:facet>
						<h:outputText value="#{_cliente.dscCidade}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Pets</f:facet>
						<rich:dataList value="#{_cliente.recuperaListaPets()}"
							var="_pet">
							<h:outputText value="#{_pet.dscNome}"/>
						</rich:dataList>
					</rich:column>
					
					<rich:column>
						<f:facet name="header"></f:facet>
						<a:commandLink value="SELECIONAR"
							action="#{manterPedidoController.selecionarCliente(_cliente)}"
							onclick="#{rich:component('modalPesqClientes')}.hide()"
							reRender="pedidoForm"/>
					</rich:column>
				</rich:dataTable>
				<rich:datascroller for="tabelaClientes" />
			</h:form>             
        </rich:modalPanel>
        
        <rich:modalPanel id="modalPesqProdutos" height="450" width="600">
           	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Pesquisar produtos"></h:outputText>
	            </h:panelGroup>
	        </f:facet>
	        <f:facet name="controls">
	            <h:panelGroup>
	                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink2"/>
	                <rich:componentControl for="modalPesqProdutos" attachTo="hidelink2" operation="hide" event="onclick"/>
	            </h:panelGroup>
	        </f:facet>

			<h:form id="pesqProdutosForm">
				<a:region>
					<h:panelGrid columns="2">
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Nome:</ui:define>
							<h:inputText value="#{manterPedidoController.produtoPesquisa.dscNome}"
								maxlength="200"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Fabricante:</ui:define>
							<h:inputText value="#{manterPedidoController.produtoPesquisa.dscFabricante}"
								maxlength="200"/>
						</s:decorate>
						
						<s:decorate template="/layout/edit.xhtml">
							<ui:define name="label">Dosagem:</ui:define>
							<h:inputText value="#{manterPedidoController.produtoPesquisa.dosagem}"
								maxlength="50"/>
						</s:decorate>
						
					</h:panelGrid>
					<br/>
					<center>
						<a:commandButton value="PESQUISAR" action="#{manterPedidoController.pesquisarProdutos}"
							reRender="pesqProdutosForm"/>
					</center>
					<br/><br/>
				</a:region>
				<rich:dataTable value="#{manterPedidoController.listaProdutos}"
					var="_prod"
					rows="5"
					id="tabelaProdutos">
					<rich:column>
						<f:facet name="header">Nome</f:facet>
						<h:outputText value="#{_prod.dscNome}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Fabricante</f:facet>
						<h:outputText value="#{_prod.dscFabricante}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Dosagem</f:facet>
						<h:outputText value="#{_prod.dosagem}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Qtde em estoque</f:facet>
						<h:outputText value="#{_prod.qtdEstoque}"/>
					</rich:column>
					
					<rich:column>
						<f:facet name="header"></f:facet>
						<a:commandLink value="SELECIONAR"
							action="#{manterPedidoController.selecionarProduto(_prod)}"
							onclick="#{rich:component('modalPesqProdutos')}.hide()"
							reRender="pedidoForm">
						</a:commandLink>
					</rich:column>
				</rich:dataTable>
				<rich:datascroller for="tabelaProdutos" />
			</h:form>             
        </rich:modalPanel>
        
        <rich:modalPanel id="modalFinalizar" height="180" width="300">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Finalizar Venda"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/img/close.png" styleClass="hidelink"
						id="hidelink3" />
					<rich:componentControl for="modalFinalizar" attachTo="hidelink3"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<center>
					<h:outputText value="TROCO" style="font-size: xx-large;" />
					<br />
					<h:outputText id="troco"
						value="#{manterPedidoController.valorFinal}"
						converter="conversorMonetario"
						style="font-size: 35px;;"
						onchange="#{manterPedidoController.alert}" />
				
				<br />

					<h:selectOneMenu
						value="#{manterPedidoController.pedidoEdicao.formaPagamento}">
						<s:selectItems noSelectionLabel="Selecione"
							value="#{manterPedidoController.buscaFormaPagamento()}"
							var="_forma" label="#{_forma.dscFormaPagamento}" />
						<s:convertEntity />
					</h:selectOneMenu>
				</center>
				<br />
				<div align="center" id="vender" style="margin-bottom:0px">
					<h:commandButton id="ok" value="Ok"
						action="#{manterPedidoController.salvar()}" />
					<h:commandButton id="cancela" value="Cancelar" type="button"
						onclick="#{rich:component('modalFinalizar')}.hide()" />
				</div>
			</h:form>
		</rich:modalPanel>
		
		<rich:modalPanel id="modalDadosCliente" height="300" width="550">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Dados do cliente"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/img/close.png" styleClass="hidelink"
						id="hidelink4" />
					<rich:componentControl for="modalDadosCliente" attachTo="hidelink4"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form id="formPopupDetalheCliente">
				<h:panelGrid columns="2">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Nome:</ui:define>
						<h:outputText value="#{manterPedidoController.clienteDetalhe.dscNome}" />
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone Celular:</ui:define>
						<h:outputText value="#{manterPedidoController.clienteDetalhe.telCelular}"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone Residencial:</ui:define>
						<h:outputText value="#{manterPedidoController.clienteDetalhe.telResidencial}"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Endereço:</ui:define>
						<h:outputText value="#{manterPedidoController.clienteDetalhe.dscEndereco}" />
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Cidade:</ui:define>
						<h:outputText value="#{manterPedidoController.clienteDetalhe.dscCidade}" />
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Pets:</ui:define>
						<rich:dataList value="#{manterPedidoController.clienteDetalhe.recuperaListaPets()}"
							var="_pet">
							<h:outputText value="#{_pet.dscNome} -  #{_pet.raca.dscNome}" />
						</rich:dataList>
					</s:decorate>
					
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="modalAvisoFimPacote" height="190" width="450"
			showWhenRendered="#{manterPedidoController.exibePopupAviso}">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="ATENÇÃO"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/img/close.png" styleClass="hidelink"
						id="hidelink5" />
					<rich:componentControl for="modalDadosCliente" attachTo="hidelink5"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form id="formAviso">
				<center>
					<font color="red" size="4">
						<strong>
							Atenção: Este é o serviço de número 4, ou mais, do pacote. 
							<br/>
							Verifique as condições do contrato!
						</strong>
					</font>
				</center>
				<br/><br/>
				<div align="center">
					<h:commandButton action="#{manterPedidoController.fecharPopupAviso()}" value="OK" />
				</div>
			</h:form>
		</rich:modalPanel>
		
		<rich:modalPanel id="modalPesqServicos" height="450" width="600">
           	<f:facet name="header">
	            <h:panelGroup>
	                <h:outputText value="Pesquisar serviços"></h:outputText>
	            </h:panelGroup>
	        </f:facet>
	        <f:facet name="controls">
	            <h:panelGroup>
	                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelinkServ"/>
	                <rich:componentControl for="modalPesqServicos" attachTo="hidelinkServ" operation="hide" event="onclick"/>
	            </h:panelGroup>
	        </f:facet>

			<h:form id="pesqServicosForm">
				<h:panelGrid columns="1">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Nome:</ui:define>
						<h:inputText value="#{manterPedidoController.nomeServicoPesquisa}" 
							maxlength="100"
							size="50"/>
					</s:decorate>
				</h:panelGrid>
			
				<br/>
				<div align="center">
					<a:commandButton action="#{manterPedidoController.pesquisarServicos()}" 
						value="PESQUISAR" 
						reRender="tabelaServicos,scrollServicos"/>
				</div>
				<br/>
				
				<rich:dataTable value="#{manterPedidoController.listaServicos}"
					var="_serv"
					rows="10"
					id="tabelaServicos">
					<rich:column>
						<f:facet name="header">Nome</f:facet>
						<a:commandLink reRender="pedidoForm"
							onclick="#{rich:component('modalPesqServicos')}.hide()"
							action="#{manterPedidoController.selecionaServico(_serv)}" 
							value="#{_serv.dscNome}" />
					</rich:column>
					
					<rich:column>
						<f:facet name="header">Valor</f:facet>
						R$<h:outputText value="#{_serv.vlrServico}" converter="conversorMonetario" />
					</rich:column>
				</rich:dataTable>
				<rich:datascroller for="tabelaServicos" id="scrollServicos" renderIfSinglePage="false"/>
			</h:form>
		</rich:modalPanel>
 </ui:define>
</ui:composition>
